import Vue from 'vue'
// 全局的自定义指令，处理图片加载失败
// 注意：在声明自定义指令的时候，名字中不需要包含 v- 前缀
// 但是在使用的时候，需要添加 v- 前缀
Vue.directive('img-error', {
  // 形参中的el是当前指令，所绑定到的元素
  bind(el) {
    // 如果图片加载失败了，则会触发 img 元素的 onerror 事件
    el.onerror = function () {
      el.src = require('@/assets/common/bigUserHeader.png')
    }
  },
  update(el) {
    if (!el.src) {
      el.src = require('@/assets/common/bigUserHeader.png')
    }
  }
})
